<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<title>门店列表</title>
<link rel="stylesheet" type="text/css" href="/css/reset.css" />
<link rel="stylesheet" type="text/css" href="/css/common.css" />
<link rel="stylesheet" type="text/css" href="/css/thems.css">
<link rel="stylesheet" type="text/css" href="/css/color.css" />
 <link rel="stylesheet" type="text/css" href="/css/bootStrap.min.css">
  <link rel="stylesheet" type="text/css" href="/css/bootstrap-datetimepicker.min.css" />

<script type="text/javascript" src="/js/jquery-3.2.1.js"></script>
<script type="text/javascript">
	$(function() {
		//自适应屏幕宽度
		window.onresize = function() {
			location = location
		};

		var main_h = $(window).height();
		$('.hy_list').css('height', main_h - 45 + 'px');

		var search_w = $(window).width() - 40;
		$('.search').css('width', search_w + 'px');
		//$('.list_hy').css('width',search_w+'px');
	});
</script>
<!--框架高度设置-->
</head>

<body>
	<div id="right_ctn ">
		<div class="right_m ">
			<!--会议列表-->
			<div class="hy_list ">
				<div class="box_t ">
					<span class="name ">行程列表</span>

				</div>
				<!--查询-->
				<form action="/jump/trip" class="navbar-form navbar-left"
					method="post ">
					<div class="input-group ">
					<#if carId??>
					<input type="text " class="form-control storeid" name="carId" id=" " value="${carId}" placeholder="请输入编号" />
					<#else>
					<input type="text " class="form-control storeid" name="carId" id=" " value="" placeholder="请输入编号" />
					</#if>
							<span class="input-group-addon ">
						<span class="glyphicon glyphicon-zoom-in "></span>
							</span>
						</div>
						&nbsp;&nbsp;
					<div class="input-group">
						<input type="submit" class="btn btn-primary" name="" id=""
							value="查询" />
					</div>
				</form>
				<!--添加 start-->

				<!-- <ul class="list-inline">
					<li class="margin-top pull-right">
						<button class="btn btn-primary add" data-toggle="modal"
							data-target="#modal-add" data-backdrop="static">
							<span class="glyphicon glyphicon-plus"></span>&nbsp;添加
						</button> 添加模态框 添加模态框
					</li>
				</ul> -->

				<!--添加 end-->
				<!--查询-->
				<div class="space_hx ">&nbsp;</div>
				<!--列表-->
				<table class="col-md-11 table table-hover text-center">
					<tr class="bg-hui ">
						<td>编号</td>
						<td>车辆品牌</td>
						<td>车辆型号</td>
						<td>生产年份</td>
						<td>限定里程</td>
						<td>所属类型</td>
						<td>所属名称</td>
						<td>操作</td>
					</tr>
					
		<#list carlist as list>
		
					<tr>
						<td>${list.carId}</td>
						<td>${list.carTypeName}</td>
						<td>${list.vehicleBrandName}</td>
						<td>${list.productionYear?string('yyyy-MM-dd HH-mm-ss')}</td>
						<td>${list.limitMileage?c}</td>
						<#if list.belongType==1>
						<td>门店</td>
						<td>${list.storeName}</td>
						<#else>
						<td>个人</td>
						<td>${list.userName}</td>
						</#if>
						
						
						
						<td>
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle"
								data-toggle="dropdown" aria-haspopup="true"
								aria-expanded="false" >
								查看 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li  data-start="2" data-toggle="modal"
							data-target="#modal-add" data-backdrop="static" class="update"><a href="#">顺风车</a></li>
								<li data-start="1" data-toggle="modal"
							data-target="#modal-add" data-backdrop="static"><a href="#">普通车</a></li>
								
							</ul>
						</div>
						</td>
					</tr>
					</#list>
				</table>
				<!--列表-->
				<!--右边底部-->
				<div class="r_foot ">
					<div class="r_foot_m ">
						<!--分页-->
						<div class="page ">
						<#if pages.getHasPrevPage()>
						 <#if carId??>
							<a href="/jump/trip?pageIndex=${pages.prevPage }&carId=${carId}"
									class="prev"> < </a>
						<#else>
								<a href="/jump/trip?pageIndex=${pages.prevPage }"
									class="prev"> < </a>
						 </#if>
						</#if>
						<#list pages.groupPage as lists>
						 <#if carId??>
						 <#if lists==pages.currentPage>
						 <a style="background-color: #0099FF; color: white;"
							href="/jump/trip?pageIndex=${lists}&carId=${carId}"
									class="dianji">${lists}</a>	
						<#else>
									<a 
							href="/jump/trip?pageIndex=${lists}&carId=${carId}"
									class="dianji">${lists}</a>	
						 </#if>
						<#else>
						 <#if lists==pages.currentPage>
						 <a style="background-color: #0099FF; color: white;"
							href="/jump/trip?pageIndex=${lists}"
									class="dianji">${lists}</a>	
						<#else>
									<a 
							href="/jump/trip?pageIndex=${lists}"
									class="dianji">${lists}</a>	
						 </#if>
						</#if>			
						</#list>
						<#if pages.getHasNextPage()>
						
						 <#if carId??>
						<a href="/jump/trip?pageIndex=${pages.nextPage }&carId=${carId}"
									class="next ">></span>
								</a>
						<#else>
								<a href="/jump/trip?pageIndex=${pages.nextPage}"
									class="next ">></span>
								</a>
						 </#if>
						</#if>
						</div>
						<!--分页-->
					</div>
				</div>
				</form>
				<!--右边底部-->
			</div>
			<!--会议列表-->
		</div>
	</div>
	<!-- 添加模态框-->
	<div id="modal-add" class="modal fade">
		<div style="width: 500px;position: absolute;" class="modal-dialog modal-lg">
			<div  class="modal-content" style="height: 350px;overflow: scroll;width: 1000px;position: absolute;display: inline-block;">
				<div class="modal-header">
					<button class="close" data-dismiss="modal">&times;</button>
					<!--head-text 标题信息-->
					
				</div>
				
						<table id="appendTrall"  class="col-lg-8 table table-hover text-center">
						<tr  class="bg-hui dsd">
								<td>编号</td>
								<td>取车时间</td>
								<td>还车时间</td>
								<td>取车门店</td>
								<td>还车门店</td>
								<td>取车地点</td>
								<td>还车地点</td>
								<td>里程</td>
						</tr>
					
					
					
				</table>
				
				<div class="modal-body">
						
			</div>
		</div>
	</div>
</div>
	<script type="text/javascript " src="/js/jquery-3.2.1.js "></script>
	<script type="text/javascript" src="/js/cityTo.js"></script>
	<script type="text/javascript " src="/js/bootstrap.js "></script>
 <script type="text/javascript " src="/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript " src="/js/bootstrap-datetimepicker.fr.js"></script> 
	<script type="text/javascript " src="/js/layer-v3.1.1/layer/layer.js "></script>
	

	<script type="text/javascript">
	
	
		$(function() {
			 
			$(".dropdown-menu li").click(function(){
				var start = $(this).data("start");
				var carId = $(this).parents("tr").find("td").eq(0).text();
				var starts ={"carId":carId,"start":start};
				appendTotr("/trip/show",starts,".dsd","#appendTrall",1);
			})
			
			
			
			
		})
	</script>
</body>

</html>